<div class="mid" #mid>
    <ul class="item1-box item-box" *ngFor="let timelist1 of timelist let k=index">
        <li class="item1 item boxhover" *ngFor="let item1 of timelist1.data;let i= index" [style.margin-right]="(i+1)%4==0?'0':'15px'" (click)="edit?'':goto('/home/index/swot/canvaslist/'+item1.PK_TrainningGuid)">
            <div class="item-left">
                <img src="./assets/img/{{img}}" alt="">
                <div>
                    <div class="yuyue">预约码</div>
                    <div class="colorfont" style="font-weight: bold;color: #ea6e97;">
                        {{item1.Code}}
                    </div>
                </div>
            </div>
            <div class="item-right">
                <div>

                    <div class="item-title">{{item1.Title}}</div>
                    <div class="item-time">{{item1.CreateTime}}</div>
                </div>
                <div class="canvasnum-box" [style.display]="!edit?'flex':'none'">
                    <img class="canvasnum" src="./assets/img/canvasgroupnum.png" alt="">
                    <span class="lg">已创建 {{item1.Num}} 张画布</span>
                    <span class="sm">{{item1.Num}} 张画布</span>
                </div>
                <div class="edit" [style.display]="edit?'block':'none'">
                    <img src="./assets/img/edit.png" alt="" (click.stop)="edititem(item1)" class="edit-img">
                    <img src="./assets/img/del.png" alt="" (click.stop)="del(item1,k,i)" class="edit-img" style="margin-left: 5px">
                </div>
            </div>
        </li>
        <div style="font-size: 16px;color: #666;" *ngIf="timelist1.data.length==0">本月没有训练</div>

        <div class="timebox">
            <div class="time" [style.background]="k==0?'#F38299':'#999999'">{{timelist1.month}}月</div>
            <div class="divider"></div>
        </div>

    </ul>
    <div class="timebox2">
        <div class="time" (click)="addtimelist()">更早</div>
        <div class="more"><i class="anticon anticon-arrow-left" style="font-size: 18px;"></i>点击查看更多训练</div>
    </div>
    <div class="i-box" *ngIf="icon">
        <img src="./assets/img/edit2.png" nz-tooltip nzPlacement="top" nzTitle="设置" (click)="edit=!edit">
        <img src="./assets/img/eye.png" nz-tooltip nzPlacement="bottom" (click)="goto('/home/index/swot/list')" nzTitle="改变查看方式" alt="">
    </div>
    <div class="i-box" *ngIf="!icon" style="justify-content: unset;padding-top: 12px;">
        <i class="anticon anticon-setting" nz-tooltip nzPlacement="top" nzTitle="设置" (click)="edit=!edit"></i>
    </div>
</div>
